<template>
  <div>
    <div class="dialog-footer1">
      <el-button
        size="medium"
        @click="handleBack"
        type="default"
        >{{ backText }}</el-button
      >
      <el-button
        size="medium"
        type="warning"
        @click="handleConfirmzc"
        v-if="handleShow1"
      >{{ confirmZc }}</el-button
      >
      <el-button
        size="medium"
        type="primary"
        @click="handleConfirm"
        v-if="handleShow"
        >{{ confirmText }}</el-button
      >
      <el-button
        type="warning"
        size="medium"
        @click="handleNotice"
        v-show="handleShow2"
      >通知</el-button>

    </div>
  </div>
</template>

<script>
export default {
  props: {
    handleShow: {
      type: Boolean,
      default: true
    },
    handleShow1:{
      type: Boolean,
      default: false
    },
    handleShow2: {
      type: Boolean,
      default: false
    },
    backText: {
      type: String,
      default: "取消",
    },
    confirmText: {
      type: String,
      default: "保存",
    },
    confirmZc:{
      type: String,
      default: "暂存"
    }
  },
  methods: {
    handleBack() {
      this.$emit("back");
    },
    handleConfirm() {
      this.$emit("confirm");
    },
    handleNotice(){
      this.$emit("notice");
    },
    handleConfirmzc() {
      this.$emit("confirmzc");
    },
  },
};
</script>
<style>
.dialog-footer1 {
  /* width: 100%;
  height: 6vh; */
  background: #ffffff;
  text-align: center;
  /* line-height: 6vh;
  position: fixed;
  bottom: 0px; */
}
</style>
